<template>
  <footer>
    <span class="s1">
      <span class="iconfont icon-shouye"></span>
      <div class="shouye1">首页</div>
    </span>
    <span class="s2">
      <span class="iconfont icon-tianchongxing-"></span>
      <div class="pianjubaoguang5">骗局曝光</div>
    </span>
    <span class="s3">
      <span
        class="iconfont icon-wode"
        style="font-size: 0.24rem; align-self: center"
      ></span>
      <div class="wode1">我的</div>
    </span>
  </footer>
</template>

<script>
// import '../assets/font_3061766_k1int35cgtj/iconfont.css'
export default {
  name: "App",
  components: {},
};
</script>

<style>
footer {
  height: 2rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* background-color: blue; */
}
.s1 {
  width: 32%;
  height: 2rem;
  display: flex;
  flex-direction: column;
  line-height: 0.5rem;
}
.s1 span {
  height: 1rem;
  width: 32%;
  font-size: 0.24rem;
  margin-left: 43px;
}
.shouye1 {
  height: 1rem;
  width: 32%;
  align-self: center;
  line-height: 1rem;
  font-size: 0.12rem;
}

/* 第二个 */
.pianjubaoguang5 {
  height: 48%;
  display: flex;
  font-size: 0.14rem;
  align-self: center;
}
.s2 {
  width: 32%;
  height: 2rem;
  display: flex;
  flex-direction: column;
  line-height: 0.5rem;
}
.s2 span {
  height: 1rem;
  width: 32%;
  font-size: 0.28rem;
  margin-left: 48px;
  color: blue;
}

/* 第三个 */
.s3 {
  width: 32%;
  height: 2rem;
  display: flex;
  flex-direction: column;
  line-height: 0.5rem;
}
.s3 span {
  height: 1rem;
  width: 32%;
  font-size: 0.28rem;
  margin-left: 20px;
}
.wode1 {
  height: 1rem;
  width: 32%;
  align-self: center;
  line-height: 1rem;
  font-size: 0.12rem;
}
</style>
